<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			div{
				width: 500px;
				height: 500px;
				background-color: #00ff00;
				background-image: url(img/蜡笔小新.png);
				background-size: 100% 100%;
				background-repeat: no-repeat;
				/*背景定位*/
				background-position: 200px 50%;
				background-position: center center;
			}
			body{
				/*水印：1.加高度【滚动条】*/
				height: 1000000px;
				/*3.启动背景图模式：等比例缩放模式*/
				background-size: contain;
				/*2.背景图*/
				background-image: url(img/蜡笔小新.png);
			}
		</style>
	</head>
	<body>
		<!-- 背景属性：页面上可以任意调整位置或者改变图片的效果 
		1.background-color背景颜色[子属性可以省略]
		2.background-image【指定背景图】 url()| url("")|url('')
		3.background-size背景尺寸  属性值 两种 1.px 绝对   %范围值
		                                   2.函数模式  1.contain 等比例缩放图片
										              保证图片完全显示图片中
													  2.cover 等比例放大图片
													  覆盖整个容器
		4.[前提：背景图小于空间]background-repeat背景重复
		                      background-position背景属性：给背景图定位
							  属性值：x% y%
							  数值px  数值px
			背景固定：background-attachment[用法：搭配background-size函数]
			做背景图水印效果:步骤1.高度滚动条
			                    2.背景图存入body中
								3.背景图前启动模式
								4.启动背景固定属性 fixed   
							  英文
		-->
		<div></div>
		Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia omnis in libero! Eaque neque delectus voluptate nobis error vero velit? Voluptatibus dicta accusantium doloribus asperiores laborum totam fugit sequi Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quos reprehenderit explicabo recusandae quam nihil vitae magni veritatis minus eaque unde, perspiciatis repellendus a quibusdam necessitatibus est dolore adipisci aspernatur?
	</body>
</html>